<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="width: 137px; height: 72px; background: #FFFFFF; box-shadow: 0 8px 16px 0 #22335514, inset 4px 0 0 0 #6f5cff66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="width: 106px; height: 26px; background: #F0EEFF; border-radius: 0 0 12px 0; margin-left: 4px; display: flex; align-items: center;">
        <div style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #6F5CFF; line-height: 22px;">
            行政执法类
        </div>
    </div>
    <div style="flex: 1; display: flex; align-items: center; justify-content: flex-start; padding-left: 20px;">
        <div style="height: 24px; font-weight: 700; font-size: 24px; color: #6F5CFF; line-height: 24px;">32</div>
    </div>
</div>

<div style="width: 100%; background: #FFFFFF; border: 1px solid #E0E6ED; border-left:4px solid #6f5cff66; border-radius: 2px 8px 8px 8px; display: flex; flex-direction: column; overflow: hidden;">
    <div style="height: 26px; background: #F0EEFF;margin-right: 30px; border-radius: 0 0 12px 0; display: flex; align-items: center;">
        <div style="font-weight: 500; font-size: 14px; padding-left: 16px; color: #6F5CFF; line-height: 22px;">
            检查事项超过范围
        </div>
    </div>
    <div style="display: flex; flex-direction: column; padding: 29px 16px;">
        <div style="margin-bottom: 12px;padding-bottom: 10px">
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">超出事项检查数</div>
            <div style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">63</div>
        </div>
        <div>
            <div style="font-size: 14px; color: #6B7A99;line-height: 22px;">超出率</div>
            <div style="font-size: 24px; font-weight: 500; color: #223355;line-height: 28px;">3%</div>
        </div>
    </div>
</div>
</body>
</html>
